/* 基本的Swiper样式 */
.banner .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
}

.ban-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.t-center {
    text-align: center;
}

/* 定义淡入动画 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInUp {
    opacity: 0;
    visibility: hidden;
    animation-name: fadeInUp;
    animation-duration: 2s; /* 设置动画持续时间为3秒 */
}

.animated.fadeInUp.animated {
    opacity: 1;
    visibility: visible;
}